// PythonHelper.jsx
import React from 'react';
import { Card, Typography, Divider, Image } from 'antd';
import { CheckCircleOutlined } from '@ant-design/icons';

const { Title, Paragraph, Text, Link } = Typography;

const PythonHelper = () => (
  <div style={{ padding: '24px', maxWidth: 880, margin: '0 auto' }}>
    <Card>
      <Title level={2} style={{ marginBottom: 4 }}>
        <CheckCircleOutlined style={{ marginRight: 8, color: '#52c41a' }} />
        任务二帮助页
      </Title>
      <Text type="secondary">按照下面步骤完成对模型的迭代</Text>
      <Divider />

      <Title level={4}>目标</Title>
      <Paragraph style={{ lineHeight: 3 }}>
        <ol>
          <li>迭代模型，使预测更准确</li>
        </ol>
      </Paragraph>

      <Title level={4}>流程</Title>
      <Paragraph style={{ lineHeight: 3 }}>
        <ol>
          <li>
            打开性别预测.xlsx，将data.xlsx中的数据扩充训练集中。
          </li>

          <li>
            将K值修改为刚刚获得的最佳值
          </li>

          <li>
            对data.xlsx中预测错误的数据重新进行预测，看看正确率有没有提高。
          </li>
          
        </ol>
      </Paragraph>

    </Card>
  </div>
);

export default PythonHelper;